.electronic_contract {
  min-height: 10rem;
  border-bottom: 1px #ccc solid;
  text-align: center;
  line-height: 10rem;
}

.md-button.block {
  width: 70%;
  margin: 20px auto;
}

.md-button.warning {
  background-color: #ff0a13;
  color: #fff;
}

.g-content .g-header {
  padding: 0.5rem 0.2rem 0.2rem;
}

.g-content .g-header .g-header-havelimit p {
  padding: 0.3rem;
  text-align: center;
  color: grey;
}

.g-content .g-header .g-header-havelimit p b {
  display: inline-block;
  margin-top: 5px;
  font-size: 55px;
  color: red;
}

.g-content .g-header .g-header-limit {
  display: flex;
  padding: 0.2rem;
}

.g-content .g-header .g-header-limit .g-header-limit-money {
  flex: 1;
  border-right: 1px solid #ccc;
  text-align: center;
  color: grey;
  font-size: 25px;
}

.g-content .g-header .g-header-limit .g-header-limit-money b {
  color: black;
  font-size: 35px;
}

.g-content .g-header .g-header-limit .g-header-limit-rate {
  flex: 1;
  text-align: center;
  color: grey;
  font-size: 25px;
}

.g-content .g-header .g-header-limit .g-header-limit-rate b {
  color: black;
  font-size: 35px;
}

.g-content .g-button {
  margin-top: 40px;
}

.g-content .g-button button {
  margin-left: 50%;
  transform: translateX(-50%);
  height: 200px;
  width: 200px;
  background-color: red;
  color: #fff;
  border-radius: 50%;
  border: none;
}

.g-content .g-button div {
  text-align: center;
  padding: 0.2rem;
}

.g-content .g-tip {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.g-content .g-tip .g-tip-question {
  display: flex;
}

.g-content .g-tip .g-tip-question div:nth-child(1) {
  flex: 1;
  border-right: 1px solid #ccc;
}

.g-content .g-tip .g-tip-question div:nth-child(2) {
  flex: 1;
}

.g-content .g-tip div {
  font-size: 20px;
  text-align: center;
  color: grey;
  padding: .1rem;
}
